<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="/css/bootstrap.min.css" />
		<link href="/font-awesome/css/font-awesome.css" rel="stylesheet" />
	</head>

	<body>
		<div id="content">
			<div class="container-fluid">
				<hr/>
				<div class="widget-title" style="width:100%;display: inline-block;"> 
					<input id="file_name" placeholder="文件名称 : nginx" style="width: 100%;"/></br></br>
					<input id="file_path" placeholder="配置文件路径: /vhosts" style="width: 100%;"/>
				</div>
				<hr/>
				<!--style给定宽度可以影响编辑器的最终宽度-->
				<script type="text/plain" id="myEditor" style="width:660px;height:240px;">
				    <p>这里我可以写一些输入提示</p>
				</script>
				<!--<textarea id="demo" class="layui-textarea" style="width:98.5%;height:300px; resize: none;">sdfsdf</textarea>-->
			</div>
			<script src="/js/jquery.min.js"></script>
			<script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script>
    			<script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.js"></script>
    			<script type="text/javascript" src="/ueditor/lang/zh-cn/zh-cn.js"></script>
			<script type="text/javascript">
				//实例化编辑器
			    var ue = UE.getEditor('myEditor', {
			    	toolbars: [
				        ['fullscreen']
				    ],
				    autoHeight: false,
				    initialFrameWidth:660
				});
				function getFileContent(){
					var content = UM.getEditor('myEditor').getPlainTxt();
  					return content;
				}
				function getFileName(){
					return $("#file_name").val();
				}
				function getFilePath(){
					return $("#file_path").val();
				}
				
			</script>
	</body>

</html>